<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无布局-列表</title>
</head>
<body>

<!--
   列表 --- 复合标签
   有序列表 ol;ul
   ordered    list  ; 主页 / 档案管理/ 人员信息 -- css
   un-ordered list  ;  左侧导航
   li     list item

   嵌套  被嵌套的内容 出现能够出现文本的元素里
-->
  <ul type="square">
      <li>
          Java   --- 客户逻辑
      </li>
      <li>
          Vue
      </li>
      <li>
          Python --- 科学计算
      </li>
  </ul>


<ol type="i">
    <li>
        Java   --- 客户逻辑
    </li>
    <li>
        Vue
    </li>
    <li>
        Python --- 科学计算
    </li>
    <li>
        Python --- 科学计算
    </li>
    <li>
        Python --- 科学计算
    </li>
</ol>
<ul>
    <li>系统管理
          <ul>
              <li>权限管理</li>
              <li>用户管理</li>
          </ul>
    </li>
    <li>人事管理</li>
</ul>

<!--     系统管理-->
<!--           权限管理-->
<!--           用户管理-->
<!--     人事管理-->
<!--           基本档案-->
<!--           薪酬管理-->



</body>
</html>